<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){          
                $("#documentalesFecha").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
<?php $this->load->view('enReady'); ?>
        jQuery("#grupoList").jqGrid({
            url: '<?php echo site_url("grilla/snies/$partId"); ?>',
            datatype: 'json',
            mtype: 'POST',
            colNames:['Snies','Programa','Institución','Modalidad','Fuente','Departamento','Municipio','Contacto','Email'],
            colModel :[ 
                {name:'programaCodigo',index:'programaCodigo', width:20,editable:false},
                {name:'programaNombre',index:'programaNombre', width:120,editable:false},
                {name:'programaInstitucion',index:'programaInstitucion', width:120,editable:false},
                {name:'programaMetodologia',index:'programaMetodologia', width:40,editable:false},
                {name:'programaSector',index:'programaSector', width:30,editable:false},
                {name:'departamento',index:'departamento', width:50,editable:false},
                {name:'municipio',index:'municipio', width:60,editable:false},
                {name:'listadoProgramaContacto',index:'listadoProgramaContacto', width:100,editable:false},
                {name:'listadoProgramaEmail',index:'listadoProgramaEmail', width:100,editable:false}
            ],
            autowidth:true,
            onSelectRow: function(ids) {
                var ret = jQuery("#grupoList").jqGrid('getRowData',ids);
                asignaValores(ret,ids);
            },
            pager: jQuery('#grupoPager'),
            rowNum:50,
            rowList:[10,20,30,50],
            sortname: 'programaNombre',
            sortorder: "asc",
            viewrecords: true,
            caption: 'Revisión Documental',
            height:160
        });
        //Barra de navegación
        jQuery("#grupoList").navGrid('#grupoPager',{edit:false,add:false,del:false,search:false,view:true});
        $("#btnGuardaParticipante").click(function(){
            if(fnValidaCampos("form", "frmParticipante"))
                $.post('<?php echo site_url("extras/extra/$partId/-1"); ?>', $("#frmParticipante").serialize(),function(){
                    jQuery('#grupoList').trigger('reloadGrid');
                    $("#frmParticipante").trigger("reset");
                    $("#listadoProgramaId").val('');
                });
            else fnMenError('Debe diligenciar todos los campos en rojo',0);
        }); //fin $("#btnGuardaParticipante").click(function(){
<?php if ($this->session->userdata("usuarioId_externo")) { ?>
                    fntodoLectura();
<?php } ?>
    }); //fin $(document).ready(function(){

    function asignaValores(datos,id){
        $("#snies").val(datos.programaCodigo);
        $("#contacto").val(datos.listadoProgramaEmail);
        $("#email").val(datos.listadoProgramaContacto);
        $("#listadoProgramaId").val(id);
        return true;
    } //fin asignaValores(id){

        </script>
        <style type="text/css">
            .comboLetra{
                font-family: "Arial Narrow";
                font-size: 11px;
            }
            .ui-jqgrid .ui-jqgrid-htable th div{
                font-family: "Arial Narrow";
                font-size: 11px;
                font-weight: normal;
            }
            .ui-jqgrid tr.ui-row-ltr td{
                font-family: "Arial Narrow";
                font-size: 11px;
            }
        </style>
    </head>
    <body>
        <script src="<?php echo base_url() . "js/wz_tooltip-min.js" ?>" type="text/javascript"></script>
        <?php $this->load->view('enBody'); ?>
        <div id="divContenedor2" >
            <div class="subtitulo">FORMATO No 3  -SEGUIMIENTO DE LA REVISIÓN DOCUMENTAL DE CARACTERIZACION INSTITUCIONAL OFERTA NACIONAL DE FORMACIÓN</div>                    
            <fieldset>
                <legend>Registros</legend>
                <form id="frmParticipante" method="post">
                    <label for="snies" class="comboLetra">Institución/Programa</label>
                    <select id="snies" name="snies" class="comboLetra">
                        <option value="">Seleccione</option>
                        <?php
                        foreach ($snies->result() as $programa) {
                            echo "<option value='{$programa->programaId}'>".substr($programa->programaInstitucion, 0, 50)."->".$programa->programaCodigo."->".substr($programa->programaNombre, 0, 50)."</option>";
                        }
                        ?>
                    </select>
                    <table>
                        <tr>
                            <td><label for="contacto">Datos Contacto</label></td>
                            <td><input type="text" id="contacto" name="contacto" /></td>
                            <td><label for="email">Correo Electronico</label></td>
                            <td><input type="text" id="email" name="email" /></td>
                            <td rowspan="2"><input type="button" value="Guardar Programa" id="btnGuardaParticipante" />
                                <input type="hidden" class="omitir" id="listadoProgramaId" name="listadoProgramaId" />
                            </td>
                        </tr>
                    </table>  
                </form>
                <div id="grupoPager" class="scroll" style="font-family: 'Arial Narrow';font-size: 11px;"></div>
                <table id="grupoList" class="scroll" style="font-family: 'Arial Narrow';font-size: 11px;"></table>
            </fieldset>
        </div><!-- fin divContenedor -->
    </body>
</html>
